<!DOCTYPE html>
<html>

<head>
    <metacharset="UTF-8">
        <title>v-bind指令</title>
</head>

<body>
    <div id="app">
        <a  :href="url">前往百度</a>
        <!-- <a v-bind:[attribute]="url">前往百度</a> -->
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/vue/3.0.2/vue.global.prod.js "></script>
    <script>
        const vm = Vue.createApp({
            data() {
                return {
                    // attribute: 'href',
                    url: 'https://www.baidu.com'
                }
            }
        }).mount('#app');
        var foo ={
            'text-danger': 'This is a danger text'
        }
    </script>
</body>

</html>